<div class="modal-header">
    <h4 class="modal-title">Override Local Variables</h4>
</div>
<div class="modal-body">
    <div class="container">
        <form #variableForm="ngForm" (ngSubmit)="execute(variableForm)">
        <div class="row">
                <div *ngFor="let v of workflow.referenced_variables" class="col-12">
                    <div class="form-group">
                        <label [for]="v.id">{{ v.name }}</label>
                        <input [name]="v.id" [id]="v.id" type="text" class="form-control" [placeholder]="v.value" ngModel>
                        <p *ngIf="v.description" class="help-block"><i>{{ v.description }}</i></p>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-secondary" (click)="activeModal.dismiss()">Close</button>
    <button type="button" class="btn btn-primary" (click)="execute(variableForm)"><i class="fa fa-play"></i> Execute</button>
</div>